<script lang="ts" setup>
import StageIntroduction from './StageIntroduction.vue';
import StageTarget from './StageTarget.vue';
import StageWeight from './StageWeight.vue';
import StageTasks from './StageTasks.vue';
import StageHomework from './StageHomework.vue';
import { onMounted } from 'vue';
const props = defineProps<{
  phaseId: string
  beginEndId: string
}>()
</script>

<template>
  <div class="bg-white p-4 rounded-lg">
    <StageIntroduction :key="`intro-${props.phaseId}`" :phase-id="props.phaseId" />
    <StageTarget :key="`target-${props.phaseId}`" :phase-id="props.phaseId" />
    <StageWeight :key="`weight-${props.phaseId}`" :phase-id="props.phaseId" />
    <StageTasks :key="`tasks-${props.phaseId}`" :phase-id="props.phaseId" :begin-end-id="props.beginEndId" />
    <StageHomework :key="`homework-${props.phaseId}`" :phase-id="props.phaseId" :begin-end-id="props.beginEndId" />
  </div>
</template>

<style lang="scss" scoped>

</style>
